/* Reset */
html,
body {
    background-color : #ddd;
    font-family      : Helvetica Neue, Helvetica, Arial, Sans-Serif;
    font-size        : 14px;
    line-height      : 20px;
}

a {
    color           : #0066c5;
    text-decoration : none;
}

    a img { border : 0; }

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol { margin : 0; }


/* Grid Overrides */
.grid-pad { padding : 0 20px; }

.no-pad { padding : 0 !important; }


/* Theme */
.container { background-color : #fff; }

.headline,
.subhead { font-weight : normal; }

.headline.block75 { min-height: 90px;  }

.button,
[type=submit] {
    border-radius    : 4px;
    background-color : #eda83a;
    background-image : -o-linear-gradient(-90deg, #eda83a 0%, #da8329 100%);
    background-image : -moz-linear-gradient(-90deg, #eda83a 0%, #da8329 100%);
    background-image : -webkit-linear-gradient(-90deg, #eda83a 0%, #da8329 100%);
    background-image : -ms-linear-gradient(-90deg, #eda83a 0%, #da8329 100%);
    background-image : linear-gradient(-180deg, #eda83a 0%, #da8329 100%);
    border           : 0;
    color            : #fff;
    cursor           : pointer;
    display          : block;
    font-size        : 18px !important;
    font-size        : 1.2857rem !important; /*18px;*/
    font-weight      : bold;
    text-align       : center;
    text-decoration  : none;
    margin-top       : 20px;
    padding          : 20px;
    height           : auto !important;
    width            : 100% !important;
}

.content,
.quote { margin-bottom : 40px; }

    .content .headline {
        color       : #0067C6;
        font-size   : 24px;
        font-size   : 1.7rem;  /* 24px; */
        line-height : 30px;
        line-height : 2.14rem; /* 30px; */
    }

    .content .headline,
    .content p,
    .content table,
    .content ul { margin-bottom : 20px; }

        .content p:last-of-type { margin-bottom : 0; }

    .content p { line-height : 1.5rem; /* 20px; */}

.footer {
    background-color : #eee;
    box-sizing       : border-box;
    font-size        : 12px;
    font-size        : .857rem; /* 12px */
    margin-bottom    : 40px;
    overflow         : hidden;
    padding          : 10px 20px;
}

.quote {
    background    : #fcfcfc;
    border        : 1px solid #e5e5e5;
    border-radius : 4px;
    padding       : 15px 20px 15px;
}

    .quote-copy {
        color         : #0067c6;
        font-size     : 18px;
        font-size     : 1.2857rem; /* 18px; */
        line-height   : 1.57rem;   /* 22px; */
        margin-bottom : 10px;
        text-align    : center;
    }

    .quote-author {
        color      : #666;
        text-align : right;
    }

.time {
    vertical-align : top;
    min-width      : 120px;
}

.header {
    color         : #fff;
    margin-bottom : 30px;
}
    .header.main,
    .header.second { position : relative; }

    .header .masthead {
        background-color : #0067c6;
        background-color : rgba(0, 103, 198, .9);
        padding          : 20px;
        position         : relative;
        z-index          : 2;
    }

    .header.main .masthead {
        top        : 400px;
        margin-top : -108px;
    }

    .header.second .masthead {
        top        : 200px;
        margin-top : -84px;
    }

    .header.third .masthead {
        top        : 98px;
        margin-top : -98px;
    }

    .header .hero-image {
        position : relative;
        z-index  : 1;
    }

    .header .masthead .headline {
        font-size   : 48px;
        font-size   : 3.4285rem; /* 48px; */
        line-height : 58px;
        line-height : 3.2rem;    /* 58px; */
    }

    .header .masthead .subhead {
        font-size   : 20px;
        font-size   : 1.4285rem; /* 20px; */
        line-height : 24px;
        line-height : 1.7rem;    /* 24px; */
    }

.logos { padding : 20px; }

/* .map {} */

    .map .address {
        list-style-type : none;
        padding         : 0;
    }


/* Form styles */
#eaton-form {
    background    : #fcfcfc;
    border-radius : 4px;
    border        : 1px solid #e5e5e5;
    overflow      : hidden;
    padding       : 20px;
}

    #eaton-form label {
        color          : #666;
        font-size      : 14px;
        font-size      : 1rem; /*14px;*/
        font-weight    : bold;
        margin-bottom  : 10px !important;
        padding-bottom : 0 !important;
    }

    #eaton-form [type=text],
    #eaton-form textarea,
    #eaton-form select {
        border        : 1px solid #cdcdcd;
        border-radius : 4px;
        padding       : 5px;
    }

    #eaton-form p { margin : 0 10px 20px 0 !important; }

    #eaton-form textarea { resize : none; }

    #eaton-form [type=submit] { margin : 0; }

    /*#eaton-form*/ [id*=formElement] {
        overflow : hidden;
        padding  : 0 !important;
    }

    #eaton-form .field-group-wrapper,
    #eaton-form .field-wrapper>div { margin : 0 !important; }

        #eaton-form .field-group-wrapper>label {
            margin  : 0 0 10px 0 !important;
            padding : 0 !important;
        }

        #eaton-form .field-group-wrapper div { margin : 0 !important; }

            #eaton-form .field-group-wrapper div:last-of-type p,
            #eaton-form .field-wrapper div:last-of-type p { margin-right : 0 !important; }

    #eaton-form ._50 + ._50 p { margin-right : 0 !important; }

    #eaton-form ._50 + ._50 { float : right !important; }

    #eaton-form ._100 { width : 100% !important; }

    #eaton-form .LV_invalid_field { border : 1px solid red; }

    #eaton-form .LV_valid_field { border : 1px solid green; }

    #eaton-form .LV_validation_message {
        font-size : 14px;
        font-size : 1rem; /* 14px */
        margin    : 0;
    }


/* Media Queries */
@media handheld, only screen and (max-width: 960px) {

    html,
    body { font-size : 12px; }

    .grid { padding : 0; }

    .container.grid { padding : 0 10px; }

    .container { padding-top : 10px !important; }

	.headline.block75 { min-height: inherit !important;  }

    .header { margin : 0; }

        .header .masthead { background-color : #0067c6; }

        .header.main .masthead,
        .header.second .masthead,
        .header.third .masthead {
            top    : 0;
            margin : 0;
        }

    #eaton-form .field-group-wrapper>div,
    #eaton-form .field-wrapper>div,
    #eaton-form p {
        margin-right : 0 !important;
        width        : 100% !important;
    }

    .logos { margin-bottom : 20px; }

    .footer {
        font-size     : 12px;
        font-size     : 1rem; /* 12px */
        margin-bottom : 0;
        padding       : 20px;
    }

}